/* 
<div class="pageSize">
	<a href="#">首页</a><a href="#">第一页</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">下一页</a><a href="#">末页</a>
</div>
*/
.clear{ clear:both;}
.wrap{width:1260px;margin:0 auto;}
#top{position:absolute;top:0px; z-index:999999999; width:100%;}
.header{height:86px;position:relative;  }
.head{
	width: 1280px;height:86px;
	
}
.auto{margin: 0 auto;width: 1280px;height:86px;}
.logo{float:left; width:260px;position:relative;padding-top:20px;}
.headerRt{float:right;width:1000px;padding-top:27px;position:relative;}
.headerLink{float:right;height:18px;line-height:18px;background-color:#f3f5f4;border:1px solid #fff;width:180px;}
.headerLink span{width:80px;display:inline-block;vertical-align:middle;cursor:pointer;background:url("../images/search.gif") 5px center no-repeat;padding-left:20px;}
.headerLink a{color:#000;display:inline-block;vertical-align:middle;}
.headerLink a.lan{width:70px;padding-left:10px;background:url("../images/lan.gif") left center no-repeat;vertical-align:baseline;}
.headerLink a.weibo{background:url("../images/weibo.gif") left center no-repeat;padding-left:20px;}
.headerqqq{position:absolute;right:190px;top:28px;}
.headersc{position:absolute; right:320px;top:27px; color:#000 }
.headersc a.ssc{background:url("../images/sc.png")}
.headerzjzz{position:absolute; right:520px;top:20px; color:#000 }

.headergl{position:absolute; right:220px;top:25px; color:#000 }
.headergl a.ggl{background:url("../images/gl.png")}

.headerFlash{position:absolute;right:390px;top:10px;}

.nav{float:right;width:1018px;padding-top:12px;    }
/*.nav ul{box-shadow: 0 0 10px #ccc;}*/
.nav ul li{float:left;width:100px;position:relative;}
.nav ul li a.navLink{width:99px;background-color:#fff;display:block;height:40px;line-height:40px;text-align:center;color:#00b4ff;font-weight:700; font-size:15px;}
.nav ul li a.navLink:hover,.nav ul li a.current{background-color:#00b4ff;text-decoration:none;color:#FFF;}
.nav ul li a.navLink:hover,.nav ul li a{ color:#FFF;}
.nav .hover01{background-color:#fff;width:285px;height:106px;padding:16px 0 0 8px;position:absolute;left:0;top:-6666px;}
.nav .hover01 dd{float:left;width:87px;margin-right:6px;}
.nav .hover01 dd a{display:block;text-align:center;color:#414141;}
.nav .hover01 dd a.link01,.nav .hover01 dd a.link02,.nav .hover01 dd a.link03{background:url("../images/hover01.png") no-repeat;
	width:87px;height:70px;text-indent:-6666px;}
.nav .hover01 dd a.link01{background-position:0 0;}
.nav .hover01 dd a.link01:hover{background-position:-87px 0;}
.nav .hover01 dd a.link02{background-position:0 -70px;}
.nav .hover01 dd a.link02:hover{background-position:-87px -70px;}
.nav .hover01 dd a.link03{background-position:0 -140px;}
.nav .hover01 dd a.link03:hover{background-position:-87px -140px;}
.nav .hover01 dd a.tit{padding-top:5px;}
.nav .hover02{padding:10px 5px 5px 5px;width:130px;position:absolute;left:0;top: -6666px; margin-top:14px;}
.nav .hover02 a{display:block;height:26px;line-height:26px;background:url("../images/hover02.png") repeat-x;text-align:center;color:#2c2b2b;margin-bottom:5px;}
.nav dl{background-color:#fff; margin-top:-10px; margin-left:-5px;}
.nav .hover02 a:hover{color:#00b4ff;text-decoration:none;}
.nav .hover03{background:url("../images/hover03.png") no-repeat #fff;width:784px;left:-294px;top:-6666px;position:absolute; margin-top:14px;}
.nav .hover03 ol{padding:0 0 20px 20px;background:url("../images/hoverBg.png") bottom repeat-x;}
.nav .hover03 li{float:left;}
.nav .hover03 h4{font-size:14px;font-weight:700;height:76px;padding:60px 0 0 80px;}
.nav .hover03 h4 span{color:#d1d1d1;font-size:10px;display:block;}
.nav .hover03 dl{float:left;}
.nav .hover03 dt{padding-left:20px;margin-bottom:10px;}
.nav .hover03 dt a{color:#000;}
.nav .hover03 dd{padding:0 0 10px 20px;}
.nav .hover03 dd a{color:#00b4ff;}
.nav .hover03 dd em{color:#00b4ff;}
.nav .hover03 dd img{margin-left:5px;}
.nav .hover03 li.link01{width:202px;margin-right:6px;}
.nav .hover03 li.link02{width:333px;margin-right:6px;}
.nav .hover03 li.link02 dl{width:165px;}
.nav .hover03 li.link03{width:202px;}
.nav .hover03 a.link{background:url("../images/hover03Link.png") no-repeat;width:131px;height:21px;line-height:21px;
	display:block;color:#fff;padding-left:10px;margin-top:20px;}
.nav .hover03 p.txt{line-height:1.5;padding:0 15px;}
.nav .hover03 p.txt a{background-color:#00b4ff;height:24px;line-height:24px;display:block;width:80px;text-align:center;color:#fff;font-weight:700;
	margin:10px 0 0 0;}
.nav .hover03 li.link04{clear:both;}


.outer{overflow:hidden;margin:0 auto;position:relative;min-height:700px;_height:700px;}

#banner{position: relative; height: 700px; overflow: hidden; }
.bwrap{position: relative; z-index: 0; }
.bquery{position: relative; z-index: 0; height: 700px; }
.blist{display: none; position: absolute; top: 0; left: 0; z-index: 0; height: 570px; font-size: 0; line-height: 0; }
.blist a{display: block; position: absolute; left: 0; top: 0; }
.blist img{ }
/*.bannerTmpBox{display: none; position: absolute; left: 0; top: 0; z-index: 9; height: 570px; }
.bannerTmpBox a{position: absolute; overflow: hidden; font-size: 0; line-height: 0; }
.bannerTmpBox a img{position: absolute; }*/
.bfilter{position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 700px; font-size: 0; line-height: 0; }
.bfilter a{position: absolute; top: 0; left: 0; width: 5%; height: 700px; overflow: hidden; }
.bfilter a img{position: absolute; left: 0; top: 0; }

.bctrl{position: absolute; bottom: 150px; left: 0; z-index: 9; width: 100%; height: 24px; }
.bctrli{text-align: right; font-size: 0; line-height: 0; margin-right:200px }
.bctrli a{display: inline-block; width: 24px; height: 24px; margin: 0 3px; background: url(../images/banner_control.png) no-repeat left center; }
.bctrli a:hover,.bctrli a.curr{background-position: right center; }
.bctrli a{*display: inline; *zoom: 1; }

/*.indexBanner{width:100%;height:700px;margin:0 auto;position:relative;overflow:hidden;position:absolute;left:50%;top:0;
	margin-left:-950px;background:url("../images/loading.gif") center center no-repeat; z-index:-9999;}
.indexBanner img{display:block; }
.indexBanner li{position:absolute;left:0;top:0;z-index:10;display:none;background-color:#fff;width:100%; height:100%;}
.indexBanner dl{position:absolute;right:234px;top:470px;z-index:11;}
.indexBanner dd{background-color:#00b4ff;width:10px;height:10px;overflow:hidden;float:left;margin-right:5px;text-indent:-6666px;cursor:pointer;}
.indexBanner dd.current{background-color:#fbb243;}
*/.index{position:absolute;z-index:20;overflow:hidden;left:50%;margin-left:-481px;top:500px;}
.index ul{width:1260px;}
.index li{float:left;width:219px;height:99px;padding-left:20px;margin-right:3px;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8FCFCFC', endColorstr='#D8FCFCFC');background:rgba(252,252,252,0.85);}
:root .index li{filter:none;}/*for IE9*/
.index li h4{height:20px;line-height:20px;padding-top:5px;}
.index li h4 a{background:url("../images/icon.gif") left 3px no-repeat;font-weight:700;color:#000000;padding-left:15px;}
.index li .clearfix{padding:8px 0 0 15px;}
.index li a.fl{border:1px solid #fff;}
.index li div.fr{width:105px;padding-right:10px;line-height:15px;}
.index li div.fr a{display:block;color:#000;}
.index li div.fr a.tit{height:30px;overflow:hidden;}
.index li div.fr a.more{color:#00b4ff;background:url("../images/more.gif") left center no-repeat;padding-left:10px;margin-top:5px;}
/*产品展示top*/
.productsbox{ float:left; width:100%; margin-bottom:40px; z-index:99999; margin-top:20px;}
.products{margin:0 auto; width:1260px;}

/*产品展示li*/
.productsbox ul{width:1260px; float:left; }
.productsbox ul li{ position:relative; float:left; width:300px; height:215px; margin-left:20px;overflow:hidden;}
.productsbox ul li img{ float:left; width:100%; max-height:215px;border-radius: 20px; }
.productsbox ul li h5{ width:100%; position:absolute; height:54px; text-align:center; line-height:54px; font-size:14px; color:#fff; bottom:0;}
.productsbox ul li h5 span{ font-weight:bold; font-size:20px;}
.productsbox ul li:first-child{ margin-left:0; }
/*新闻中心*/
.newsbg{ width:100%; border-top:1px solid #cdcdcd; float:left; margin-top:30px; margin-bottom:30px;}
.newsbox{ width:1260px; margin:0 auto;}
.news{ width:1260px; height:76px; background:url(../images/guanbg.jpg); margin-top:-28px; text-align:center; color:#595959; font-size:14px;}
.news a{ color:#00b4ff; font-size:31px; line-height:50px; font-weight:bold;}
.newszuo{ width:600px; float:left; margin-top:12px;}
.newsyou{ width:600px; float:right; margin-top:12px;}
.news1{ width:600px; height:32px; background:url(../images/news.jpg) no-repeat center bottom; color:#999999; font-size:14px; line-height:32px; text-indent:5px;}
.news1 a{ color:#00b4ff; font-size:15px; font-weight:bold; line-height:30px;}
.news1 span{ float:right; margin-right:8px;}
.news1 span a{ color:#4c4c4c; font-size:14px; line-height:30px; font-weight:normal;}
.newstu{ width:166px; height:315px; float:left; margin-top:18px;}
.newszi{ width:600px; float:right; margin-top:12px;}
.newszi ul li{ width:600px; border-bottom:1px dashed #d9d9d9; background:url(../images/jiantou.jpg) no-repeat 4px center; text-indent:19px;}
.newszi ul li a{ color:#4c4c4c; line-height:36px; font-size:14px;}
.newszi ul li a:hover{ color:#00b4ff; line-height:36px; font-size:14px; text-decoration:underline;}
.newszi ul li span{ float:right; line-height:36px; color:#808080;}

#footer {background-color: #2e3235; height: 132px}
#footer .container {width: 1260px; margin:0 auto;}
#footer .navbar-nav {color: #fff;padding-top:20px; margin-bottom:5px;}
#footer .navbar-nav>li {float: none; display: inline-block; vertical-align: middle; margin-left:10px}
#footer .navbar-nav>li>a {color: #fff; font-size:15px;}
#footer .navbar-nav>li>a:hover {color: #fff; background-color: transparent;}
#footer .copyright {color: #fff;clear: both;}
#footer .copyright p{ line-height:30px;}
#footer .copyright a {color: #fff;}
#footer .col-md-4 {padding-top: 30px}
#footer .col-md-4 img {max-width: 73%}
.slide-page {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden !important;
    background-color: #fff;
    clear: both;
}
#index-e {
    height: auto !important;
    margin-top: -60px;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-md-3 {
    width: 25%;
    float: left;
}
.col-md-9 {
    width: 75%;    float: right; text-align:right

}
.navbar-nav {
    float: left;
    margin: 0;
}
.content{width: 1260px;margin: 0 auto;overflow: hidden;
}
.chs {  height:553px; overflow:hidden;}
.chs_c { clear:both; padding:38px 0 0; width:100%; }
.chs_c dt { position:relative; width:315px; height:206px; }
.chs_c dt span { position:absolute; line-height:0; font-size:0; }
.chs_c dt a img { display:block; width:315px; height:206px; overflow:hidden; }
.chs_c dd { padding:16px 10px 0 23px; width:280px; height:190px; background:url(../images/chs_c_ic.png) #f1f1f1 20px 154px no-repeat; }
.chs_c dd b { font-weight:100; display:block; line-height:46px; height:46px; overflow:hidden; font-family:"宋体"; font-size:16px; }
.chs_c dd b a { color:#2f2f2f; }
.chs_c dd span { height:90px; color:#797979; overflow:hidden; display:block; line-height:20px; }
.chs_c dd span a { color:#626262; }
.chs_c dl { background:#fff; height:206px; float:left; width:630px; overflow:hidden; }
.chs_c .chs1 dt span { top:81px; right:0; z-index:-1; }
.chs_c .chs2 dt span { top:81px; left:0; z-index:-1; }
.chs_c dl:hover { background:#00b4ff; color:#fff; }
.chs_c dl:hover dt span { z-index:9; }
.chs_c dl:hover a { color:#fff; text-decoration:none; }
.chs_c dl:hover dd { background:url(../images/chs_c_ic1.gif) 20px 154px no-repeat; }
.chs_c dl dd em a { display:inline-block; width:29px; height:29px; overflow:hidden; margin-left:-3px; }
.chs_c dl:hover dd span { color:#fff; }
.pb_t { line-height:48px; height:48px; overflow:hidden; background:url(../images/pb_t_l.gif) left bottom repeat-x; }
.pb_t h3 { font-family:"宋体"; float:left; font-weight:100; }
.pb_t h3 b { display:inline-block; background:url(../images/pb_t_lb.gif) right bottom no-repeat; float:left; }
.pb_t h3 a { font-size:22px; color:#373737; margin:0 10px 0 0; display:inline-block; padding:0 0 0 30px; background:url(../images/sol_t_ic.gif) left 14px no-repeat; }
.pb_t h3 a:hover { color:#373737; }
.pb_t h3 span { text-transform:uppercase; font-size:18px; color:#cdcdcd; text-transform:uppercase; display:inline-block; float:left; }
.pb_t .fr {
    display: inline-block;
    padding: 0 37px 0 0;
    background: url(../images/pb_t_ic.gif) right 12px no-repeat;
    font-family:"宋体";
    font-size: 16px;
    color: #4f4d4d;
}

.case-list{width:1260px;overflow:hidden;padding-top:8px;min-height:238px}
.case-list ul{width:1260px}
.case-list li {float:left;width:252px;height:238px;display:block; margin-bottom:40px;}
.case-list li a{position:relative;display:block;width:252px;height:170px;color:#666;}
.case-list li a .bg{background:#c0ecff;position:absolute;top:0;left:0;display:none;width:242px;height:238px;}
.case-list li img{width:235px;height:236px;background:url(loading.gif) center center no-repeat;display:block;-webkit-animation:DDInY .8s .3s ease both;
-ms-animation:flipInX .8s .3s ease both;
-moz-animation:flipInX .8s .3s ease both;
animation:flipInX .8s .3s ease both}

.case-list li a .info{position:absolute;top:0;left:0;display:none;width:252px;height:238px;cursor:pointer;}
.case-list li .title{display:block;height:170px;padding:20px 0 0 20px;line-height:24px;font-size:16px;}
.case-list li .des{display:block;padding:0 0 0 10px;font-size:14px;font-style:normal}

.jjbg{ width:100%; float:left; margin-top:90px; border-top:1px solid #dadada;}
.jjbox{ width:1260px; margin:0 auto;}
.jianjie{ width:400px; height:90px; background:url(../images/jianzibg.jpg) no-repeat center 40px; font-size:30px; line-height:40px; color:#00b4ff; margin:-67px auto 0 auto; text-align:center; overflow:hidden; font-weight:bold;}
.jianjie a{ color:#f28a17; font-size:24px; line-height:48px;}

.fenlei{ width:1100px; margin-bottom:50px;}
.fenlei ul li{ width:180px; height:33px; background-color:#00b4ff; float:left; margin-left:30px; text-align:center;border-radius:10px;}
.fenlei ul li:hover{ width:180px; height:33px; background-color:#f28a17; float:left; margin-left:30px; text-align:center;}
.fenlei ul li a{ color:#fff; line-height:33px; font-size:15px;}



.quality{ margin-bottom: 60px; background: #eee; padding: 50px 0 60px; color:#00b4ff }
.quality h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 35px; }
.quality h3 a{display: inline-block; font-size: 30px; text-align: left;background:url(../images/quality_bg.png) no-repeat 0 28px; padding:20px 0 0 62px; border-top:1px solid #dcdcdc;color:#00b4ff; font-weight:bold;}
.quality h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.quality h3 a:hover{text-decoration: none;}

.quality dl{background: #fff; float:left; width:1260px; overflow:hidden;}
.quality dt{float: right; width:840px; overflow:hidden;}
.quality dt img{width: 840px; height: 460px; display: block;}
.quality dd {padding: 0 30px; width: 350px; float: left;}
.quality dd b{display: block; font-size: 26px; margin-top: 20px; line-height: 50px; height: 50px; overflow: hidden;}
.quality dd b a{ color:#00b4ff}
.quality dd b a:hover{text-decoration: none;}
.quality dd em{display: block; font-size: 18px; font-weight: bold; color: #333; line-height: 24px; height: 24px; overflow: hidden; margin: 10px 0 25px;}
.quality dd p{line-height: 28px; color: #3e3e3e; font-size: 15px; width: 300px;}

.quality_con{position: relative; width:1260px; overflow:hidden;}

.quality_con i{position: absolute; left: 30px;top: 410px; z-index:99;}
.quality_con i a{ display: inline-block; width: 10px; height: 10px; overflow: hidden; background:url(../images/dot.gif) no-repeat; margin: 0 4px;}
.quality_con i a:hover,.quality_con i a.cur{background:url(../images/dot.gif) no-repeat 0 -10px; }

.quality_con .prev,.quality_con .next{ width:70px; height:62px; display:block; position:absolute; z-index:99;}
.quality_con .prev{ left:345px; top:200px;  background:url(../images/btn4.gif) no-repeat; }
.quality_con .next{left:420px; top:200px; background:url(../images/btn4.gif) no-repeat -70px 0;}
.quality_con .prev:hover{ background:url(../images/btn4.gif) no-repeat 0 -62px;}
.quality_con .next:hover{ background:url(../images/btn4.gif) no-repeat -70px -62px;}